<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title><g:layoutTitle default="DIV+CSS布局导航(JQUERY)" /></title>
		<link rel="shortcut icon" href="${resource(dir:'images',file:'favicon.ico')}" type="image/x-icon" />
		<link href="${resource(dir:'template/t121leftMenu/css',file:'demo.css')}" rel="stylesheet" type="text/css" />
		<script type="text/javascript" src="${resource(dir:'template/t121leftMenu/js',file:'jquery-1.3.2.js')}"></script>
		<script type="text/javascript" src="${resource(dir:'template/t121leftMenu/js',file:'initMenu.js')}"></script>
		<script type="text/javascript">
			function initContentSize() {
				$(".content").height($(window).height() - 110);// 用$(document).height()-100
																// 在IE下尺寸不对
				// $(".content").height($(document).height()-100);
			}
			
			$(function(){
				initContentSize();		
				initMenu();
			});
			//$(window).resize(function(){
		 	//	$(".content").height($(window).height()-110);
			//});
		</script>
       
        <g:layoutHead />
        <g:javascript library="application" />
    </head>
    <body>
       	<div class="mainBody">
		   <div class="header">
		   		<div class="logo">Logo</div>
		        <div class="hCenter"> header </div>
		   </div>
		   <div class="content">
		   		<div class="left">
		                        <div class="menu">
		                            <div>主菜单1</div>
		                        </div>
		                        <div class="menuChild">
		                            <div>子菜单1</div>
		                            <div>子菜单2</div>
		                            <div>子菜单3</div>
		                            <div>子菜单4</div>
		                            <div>子菜单5</div>
		                            <div>子菜单6</div>
		                        </div>
		                        <div class="menu">
		                            <div>主菜单2</div>
		                        </div>
		                        <div class="menuChild">
		                            <div>子菜单1</div>
		                            <div>子菜单2</div>
		                            <div>子菜单3</div>
		                            <div>子菜单4</div>
		                            <div>子菜单5</div>
		                            <div>子菜单6</div>
		                        </div>
		                        <div class="menu">
		                            <div>主菜单3</div>
		                        </div>
		                        <div class="menuChild">
		                            <div>子菜单1</div>
		                            <div>子菜单2</div>
		                            <div>子菜单3</div>
		                            <div>子菜单4</div>
		                            <div>子菜单5</div>
		                            <div>子菜单6</div>
		                        </div>
		                        <div class="menu">
		                            <div>主菜单4</div>
		                        </div>
		                        <div class="menuChild">
		                            <div>子菜单1</div>
		                            <div>子菜单2</div>
		                            <div>子菜单3</div>
		                            <div>子菜单4</div>
		                            <div>子菜单5</div>
		                            <div>子菜单6</div>
		                        </div>
		                        <div class="menu">
		                          <div>主菜单5</div>
		                        </div>
		                        <div class="menuChild">
		                            <div>子菜单1</div>
		                            <div>子菜单2</div>
		                            <div>子菜单3</div>
		                            <div>子菜单4</div>
		                            <div>子菜单5</div>
		                            <div>子菜单6</div>
		                        </div>
		        </div>
		       	<div class="split">
		           	<div id="splitBar" class="split_button"></div>
		        </div>
		        <div class="main">
		            <div class="mianRight">
		            	Main Content
		            	 <g:layoutBody />
		            </div>
		        </div>
		   </div>
		   <div class="footer">
					Footer Content
			</div>
		</div>
       
       
    </body>
</html>
